$(function(){
    changeSpecValue();//页面加载的调用

    // 规格信息绑定点击时间
    $('.spec_value').click(function () {
        // 移除规格名下所有规格值选中状态
        $(this).parents('dl').find('a').removeClass('selected');
        // 给当前点击元素添加选中的状态
        $(this).addClass('selected');
        changeSpecValue();


    });

    function changeSpecValue(){
        // 点击选中时、动态更新价格
        //获取当前选中的规格值id
        var selected = $('.selected');
        var value_ids = '';
        $.each(selected,function (i,v) {
            value_ids += $(v).attr('data-id') + '_';
        })
        value_ids  =value_ids.slice(0,-1);
        // console.log(value_ids);
        let goodsPrice = $('#price-info').val();
        // 将json数据格式转化为对象
        let price = JSON.parse(goodsPrice)

        // 将当前选择的规格组合、价格动态展示 选中的时候、能取到价格、可以取到对应的skuid
        let current_price = 0;
        let current_sku_id = 0;
        $.each(price,function (i,v) {
            // console.log(i,v)
            if (i == value_ids) {
                current_price = v.price
                current_sku_id = v.id
            }
        });

        if (current_price == 0) {
            alert('当前规格已下架、请选择其他规格');
        }
        $('.price').find('em').text(current_price);

        // 加入购物车
        let current_number = $('#number').val();
        if (current_sku_id > 0) {
            $('.addshopcar').attr('href','/addCart?sku_id=' + current_sku_id +'&number=' + current_number)
        } else {
            $('.addshopcar').attr('href','javascript:void(0)')
            $('.addshopcar').removeAttr('target')
        }
    }

    // 加减效果
    // 加
    $('#plus').click(function () {
        let current_number = $('#number').val();
        //购买上限 20
        if (current_number >= 20) {
            alert("最多只能购买20件");return false;
        }
        // 把当前的数量+1 重新复制给input
        $('#number').val(parseInt(current_number) + 1);
        // 可以发送ajax请求、验证商品库存是否充足
    })
    // 减
    $('#mins').click(function () {
        let current_number = $('#number').val();
        //购买上限 20
        if (current_number <= 1) {
            alert("最少只能购买1件");return false;
        }
        // 把当前的数量+1 重新复制给input
        $('#number').val(parseInt(current_number) - 1);
    });
    // input输入的效果
    $('#number').blur(function () {
        let current_number = $(this).val();
        if (current_number > 200) {
            $('#number').val(200);
        } else if (current_number <=0) {
            $('#number').val(1);
        } else if (typeof current_number == 'number') {
            $('#number').val(current_number);
        } else  {
            $('#number').val(1);
        }
    })



    $("#collect").click(function(){
        if ($(this).children('i').hasClass('icon-tb-like')){
            $(this).children('i').removeClass('icon-tb-like').addClass('icon-tb-likefill')
        } else {
            $(this).children('i').removeClass('icon-tb-likefill').addClass('icon-tb-like')
        }
    })
    $("#comment").click(function(){
        if ($(this).children('i').hasClass('icon-tb-wang')){
            $(this).children('i').removeClass('icon-tb-wang').addClass('icon-tb-wangfill')
        } else {
            $(this).children('i').removeClass('icon-tb-wangfill').addClass('icon-tb-wang')
        }
    })
})